<template>
    <div class="seat_area">
        <!-- <v-touch> -->
            <slot name="seat-area-solt">
            <!--所有可以点击座位的数据会放入此插槽,此插槽可以缩放,拖动-->
            </slot>
      <!-- </v-touch> -->
    </div>
</template>

<script>
export default {
  name: 'SeatArea',
  data () {
    return {
    }
  },
  methods: {
    loadData: function () {
    }
  },
  mounted () {
    this.loadData()
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped lang="less">
.seat_area{
  // width: 10rem;
  // overflow-x: scroll;
  .stage_direc{
    width: 4.613333rem;
    height: 0.48rem;
    background-image: url(~@/assets/images/stage_direc.png);
    background-size: 100% 100%;
    font-size: 0.266667rem;
    color: #5E5E5E;
    text-align: center;
    line-height: 0.48rem;
    margin: 0 auto;
    margin-bottom: 0.2rem;
  }
}
</style>
